@charset "utf-8";
$browser-default-font-size:88.8889;

@function j($px) {
  @return $px / $browser-default-font-size * 1rem / 2;
}


%imgB{
  display:block; border:none;
}

//圆角
@mixin bra($px) {
  -webkit-border-radius:j($px); -moz-border-radius:j($px); border-radius:j($px);
}

//阴影
@mixin bxs($h,$v,$blur,$spread,$color) {
  -webkit-box-shadow:j($h) j($v) j($blur) j($spread) $color; -moz-box-shadow:j($h) j($v) j($blur) j($spread) $color; box-shadow:j($h) j($v) j($blur) j($spread) $color;
}


//底边#ccc 边框
%b_b_3c{
  border-bottom:1px solid #ccc;
}
%b_b_3d{
  border-bottom:1px solid #ddd;
}
%pl30{
  padding-left:j(30);
}
//flexbox
%flex_box{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
}

%flex{
  flex:1;
  -webkit-box-flex:1;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
}

//盒子内容居中
%item_alignCenter{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:center;
  -webkit-box-pack:center;
  box-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -ms-flex-align:center;
  -webkit-box-align:center;
  box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
//容器布局居中
%box_alignCenter{
  position:fixed;
  left:0;
  top:0;
  z-index:999;
  width:100%;
  height:100%;
  @extend %item_alignCenter;
}





/*背景占位*/
$car:"http://img.autostreetscdn.com/m/src/images/xj_no_pic.jpg";
$shop:"http://img.autostreetscdn.com/m/src/images/booking_maintenance/bm_shop.png";
$package:"http://img.autostreetscdn.com/m/src/images/booking_maintenance/bm_package.png";
$adviser:"http://img.autostreetscdn.com/m/src/images/booking_maintenance/bm_adviser_head.png";
$coupon:"http://img.autostreetscdn.com/m/src/images/booking_maintenance/bm_no_coupon.png";

%after{
  content: '';
  display: block;
  width: 100%;
}
%placeholderBg{
  background-image:url($car);
  background-repeat:no-repeat;
}

%imgWrap{
  position:relative;
  img{
    position:absolute;width:100%; height:100%;
    left:0;top:0;
  }

  &:after{
    @extend %after;
    @extend %placeholderBg;
    background-size:100% 100%;
  }
}

@mixin placeholderBg($url,$pt){
  &:after{
    background-image:url($url);
    padding-top:$pt;
  }
}


@mixin wh($w,$h){
  width:j($w); height:j($h);
}

//黄色字体
@mixin orangeTxt{
  color:#FF5000;
}
//
@mixin greenTXT{
  color:#228C00;
}
